<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        
        <title>Vencimiento de Cuotas</title>
    </h:head> 

    <ui:composition template="./../../resources/template/facesTemplate.xhtml">

        <ui:define name="content">
            <h:body>
                <h:form id="frm">
                    <div>
                        <fieldset>
                            <h3>Vencimiento de Cuotas</h3>
                            <h4>Seleccione un rago de fechas para obtener las cuotas vencidas. También puede dejar en blanco la fecha desde y usar sólo la fecha hasta.</h4>
                            <div class="tablaForm">
                                <div class="fila">
                                    <div class="etiq"><label for="fechaDesde">Fecha Desde: </label></div>
                                    <div class="cont">
                                        <h:selectBooleanCheckbox id="fechaDesdeAhora" title="Ahora" value="#{vencimientoCuotas.usarFechaDesdeAhora}" label="Ahora">
                                            <f:ajax render="fechaDesde"/>
                                        </h:selectBooleanCheckbox>Ahora<br/>
                                        <rich:calendar value="#{vencimientoCuotas.fechaDesde}" id="fechaDesde"
                                                       locale="en/US" popup="true"
                                                       datePattern="dd/MM/yyyy"
                                                       showApplyButton="true"
                                                       disabled="#{vencimientoCuotas.usarFechaDesdeAhora}">
                                            <rich:validator/>
                                        </rich:calendar>
                                        <rich:messages for="fechaDesde"/>
                                    </div>
                                </div>
                                <div class="fila">
                                    <div class="etiq"><label for="fechaHasta">Fecha Hasta: </label></div>
                                    <div class="cont">
                                        <h:selectBooleanCheckbox id="fechaHastaAhora" title="Ahora" value="#{vencimientoCuotas.usarFechaHastaAhora}" label="Ahora">
                                            <f:ajax render="fechaHasta"/>
                                        </h:selectBooleanCheckbox>Ahora<br/>
                                        <rich:calendar value="#{vencimientoCuotas.fechaHasta}" id="fechaHasta"
                                                       locale="en/US" popup="true"
                                                       datePattern="dd/MM/yyyy"
                                                       showApplyButton="true"
                                                       disabled="#{vencimientoCuotas.usarFechaHastaAhora}">
                                            <rich:validator/>
                                        </rich:calendar>
                                        <rich:messages for="fechaHasta"/>
                                    </div>
                                </div>
                            </div>
                            <div class="botonera">
                                <h:commandButton action="#{vencimientoCuotas.calcularVencimiento}" value="Aceptar"/>
                            </div>
                            <div class="centrado">
                                <h:panelGroup rendered="#{not empty vencimientoCuotas.lista}">
                                    <table class="tablaDatos">
                                        <thead>
                                            <tr>
                                                <th width="2%">Nº</th>
                                                <th width="30%">Cliente</th>
                                                <th width="15%">Celular</th>
                                                <th>Fecha de Vencimiento</th>
                                                <th width="10%">Importe Cuota</th>
                                                <th>Interes Moratorio</th>
                                                <th width="10%">Total a Pagar</th>
                                                <th>Pagado hasta la fecha</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <h:panelGroup rendered="#{not empty vencimientoCuotas.lista}">
                                                <ui:repeat value="#{vencimientoCuotas.lista}" var="row">
                                                    <tr class="#{row.condicionesPagare}">
                                                        <td>
                                                            <h:outputText value="#{row.numeroCuota}"/>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.credito.transaccion.comprador.nombre}"/>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.credito.transaccion.comprador.telefonoMovil}"/>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.fechaVencimiento}">
                                                                <f:convertDateTime pattern="#{vencimientoCuotas.datePattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.totalAPagar}">
                                                                <f:convertNumber pattern="#{vencimientoCuotas.numbrePattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.interesMora}">
                                                                <f:convertNumber pattern="#{vencimientoCuotas.numbrePattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.totalAPagar + row.interesMora}">
                                                                <f:convertNumber pattern="#{vencimientoCuotas.numbrePattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:outputText value="#{row.totalPagado}">
                                                                <f:convertNumber pattern="#{vencimientoCuotas.numbrePattern}"/>
                                                            </h:outputText>
                                                        </td>
                                                        <td>
                                                            <h:link value="Resumen" outcome="resumenCredito">
                                                                <f:param name="nombreCliente" value="#{row.credito.transaccion.comprador.nombre}"/>
                                                                <f:param name="creditoResumen" value="#{row.credito.id}"/>
                                                            </h:link>
                                                        </td>
                                                    </tr>
                                                </ui:repeat>
                                            </h:panelGroup>
                                        </tbody>
                                    </table>
                                </h:panelGroup> 
                                <h:panelGroup rendered="#{empty vencimientoCuotas.lista}">
                                    No se encontraron registros
                                </h:panelGroup>
                            </div>
                        </fieldset>
                    </div>
                </h:form>
            </h:body>
        </ui:define>
    </ui:composition>
</html>